<template>
  <div class="data-analysis">
    <!-- 数据总览 -->
    <p class="my-data-detail-title">
      数据总览
      <el-tooltip placement="right" effect="light">
        <template #content>
          <div v-html="dataViewTips"></div>
        </template>
        <i class="jy-icon-help"></i>
      </el-tooltip>
    </p>
    <NavPrev :navPrev="detailNavPrev"></NavPrev>
  </div>
</template>

<script lang="ts" setup>
import NavPrev from "@/views/child/admin/admin-data/nav-prev.vue";
import { H5_TYPE } from "@/const/";
import { useWebUserStore } from "@/store/web/user";
import { ref } from "vue";
import { useWebDataAnalysisStore } from "@/store/web/data-analysis";

// tips
const dataViewTips =
  "<p>· 浏览量（pv）指作品被打开浏览的次数<br />\
· 访客数（uv）指有多少人浏览了该作品<br />\
· 分享数指作品在微信中被分享到朋友圈和转发到会话的次数<br />\
· 平均停留时间指作品每次浏览的时间总和／总的浏览次数<br />\
· 由于访问统计受访客的网络原因影响，统计数据可能会出现微小偏差</p>";

const btnTips = "记录按钮点击数";
let isShowBtnClickData = ref("false"); // 按钮触发次数
const props = defineProps<{
  site_id: number | string;
}>();
const site_id = props.site_id as number;
const useWebUser = useWebUserStore();
const useWebDataAnalysis = useWebDataAnalysisStore();

// let bIsClickStaticsShow = computed(() => {
//   return useWebUser.mySite4Data.h5Type != H5_TYPE.card;
// });
const detailNavPrev = computed(() => {
  return useWebDataAnalysis.detailNavPrev;
});
const curSiteData = computed(() => {
  return useWebUser.mySite4Data;
});
onBeforeMount(() => {
  // 获取 数据预览
  useWebUser.getNavPrev({
    site_id,
  });
});
</script>

<style lang="scss" scoped></style>
